@charset "UTF-8";
/*
 * @FilePath     : /study_code/scss/datatype.scss
 * @Description  : 数据类型
 * @Date         : 2025-04-23 15:37:58
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-23 16:37:18
 */
/* 1、7种数据类型； */
/* 1-1 数字 */
.box1 {
  padding-top: 10px;
}

/* 1-2 文本字符串 */
.box2::after {
  content: "string";
}

/* 1-3 颜色 */
.box3 {
  color: blue;
  background-color: #04a3f9;
  border: 1px solid rgba(255, 0, 0, 0.5);
}

/* 1-4 布尔值 */
.box4 {
  text-align: center;
}

/* 1-5 空值 */
.box5::after {
  content: "null-string";
}

/* 1-6 值列表 */
.box6 {
  font-family: Helvetica, Arial, sans-serif;
}

/* 1-7 maps（见下方） */
/* 2、2种类型的字符串 */
/* 2-1 带引号的字符串 */
.box7::after {
  content: "http://sass-lang.com";
}

/* 2-2 不带引号的字符串 */
.box8 {
  font-weight: bold;
}

body.firefox .head:before {
  content: "Hi, Firefox users!";
}

/* 3-1、列表值 & 列表值用于 each 循环 */
.header-bg {
  background-image: url("/images/header.png");
}

.body-bg {
  background-image: url("/images/body.png");
}

.footer-bg {
  background-image: url("/images/footer.png");
}

/* 3-2、列表格式为逗号隔开 */
.font20 {
  font-size: 20;
}

.font22 {
  font-size: 22;
}

.font24 {
  font-size: 24;
}

.font26 {
  font-size: 26;
}

.font28 {
  font-size: 28;
}

/* 3-3、列表 包含 其他列表 */
.puma-icon {
  background-image: url("/images/puma.png");
  border: 2px solid black;
  cursor: default;
}

.sea-slug-icon {
  background-image: url("/images/sea-slug.png");
  border: 2px solid blue;
  cursor: pointer;
}

.egret-icon {
  background-image: url("/images/egret.png");
  border: 2px solid white;
  cursor: move;
}

/* 7-1、值为 map */
.box1 {
  text: #00ff00;
}

.box1 {
  background: #0000ff;
}

.box1 {
  border: #ff0000;
}